---
import { getCollection, render } from 'astro:content';
import DocsLayout from '../../layouts/DocsLayout.astro';
export async function getStaticPaths() {
const docs = await getCollection('docs');
return docs.map((doc) => {
// Remove .md or .mdx extension if present
const slug = doc.id.replace(/\.mdx?$/, '');
return {
params: { slug },
props: { doc },
};
});
}
const { doc } = Astro.props;
const { Content } = await render(doc);
---
<DocsLayout title={doc.data.title} description={doc.data.description}>
<Content />
</DocsLayout>